<div class="leftbox">
  <ul class="l_list">
    <!-- 账户安全 -->
    <li>
      <!-- 标题 --> <p data-attr="" data-val="1" class="m_title"> <span> <img src="images/r_1.jpg" /></span> <strong> <img src="images/l_2.png" /></strong> <a href="javascript:">会员中心</a> </p>
      <ul>
        <li id="q_text_1">
          <div class="q_text">
            <p><a th:href="@{/member}" class="m_1">账户信息</a></p>
            <p><a th:href="@{/memberUpdate}" class="m_2 ph" style="background: none;color: black">修改资料</a></p>
            <p><a th:href="@{/memberPwd}" class="m_pwd" style="background: none;color: black">修改密码</a></p>
          </div> </li>
      </ul> </li>
    <li>
      <!-- 我的学习 --> <p data-val="2" class="m_title"> <span> <img src="images/r_1.jpg" /></span> <strong> <img src="images/l_4.png" /></strong> <a href="javascript:">我的学习</a> </p>
      <ul>
        <li id="q_text_2">
          <div class="q_text">
            <p><a th:href="@{/study}" class="m_4">我的课程</a></p>

          </div> </li>
      </ul> </li>
    <li>
      <!-- 订单管理 --> <p data-val="3" class="m_title"> <span> <img src="images/r_1.jpg" /></span> <strong> <img src="images/l_3.png" /></strong> <a href="javascript:">订单管理</a> </p>
      <ul>
        <li id="q_text_3">
          <div class="q_text">
            <p><a th:href="@{/memberOrder}" class="m_8">我的订单</a></p>
            <p><a th:href="@{/cart}" class="m_9">购物车</a></p>
          </div> </li>
      </ul> </li>


    <li>
      <!-- 账号管理 --> <p data-val="3" class="m_title"> <span> <img src="images/r_1.jpg" /></span> <strong> <img src="images/l_2.png" /></strong> <a href="javascript:">账号管理</a> </p>
      <ul>
        <li id="q_text_6">
          <div class="q_text">
            <p><a th:href="@{/logout}" class="m_16">退出登录</a></p>
          </div> </li>
      </ul> </li>
  </ul>
  <script>
    $(".m_title").click(function () {
      var id = $(this).attr("data-val");
      var str = $(this).attr("data-attr");
      if (str == "open") {
        $("#q_text_" + id).slideDown(300);
        $(this).attr("data-attr", "");
      }
      else {
        $("#q_text_" + id).slideUp(300);
        $(this).attr("data-attr", "open");
      }
    });
  </script>
</div>